*{
  margin:0;
  padding:0;
}
body{
  background-color: #2A2F39;
}
/*上层元素*/
.top{
  width:100%;
  height:17.5%;
  text-align: center;
  vertical-align: middle;
  position: fixed;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.containertop1{
  display: -webkit-box;
  box-orient:horizonal;
  width:14.6%;
}
 .img7{
width: 37px;
height: 37px;
 }
 .sn{
display:inline-block;
width: 115px;
height: 52px;


font-family: Noto Sans SC;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 52px;
color: #FFFFFF;
 }

/*中间元素*/
.middle{
  text-align: center;
  vertical-align: middle;
  width:100%;
  height:75.4%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color:rgba(255, 0, 0, 0.5)
}
/*下层元素*/
.bottom{
  text-align: center;
  vertical-align: middle;
  width:100%;
  height:7.1%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color:rgba(255, 255, 0, 0.5)
}
